.header
  font-family: $header-font-stack
  font-weight: 100
  line-height: 1.3
  text-align: center
  letter-spacing: -1px
  -webkit-font-smoothing: antialiased

.header--alpha
  font-size: 2rem

@media (min-width: $breakpoint-tiny)
  .header
    line-height: 1.1

  .header--alpha
    font-size: 3rem

.header-beta
  color: $dimmed-text-color
  font-size: 2rem

.header--gamma
  @extend .header-beta
  font-size: 2rem
  text-align: inherit

@media (min-width: $breakpoint-wide)
  .header--alpha
    font-size: 4rem

  .header-beta
    font-size: 3rem
